<template>

  <div class="mySkill">
      <module-open>
          <p slot="title">我的技能</p>
          <div slot="content" class="content">
            <my-skill-item v-for="value of skill" :name="value.name" :number="value.number"></my-skill-item>
          </div>
      </module-open>
      
      
  </div>
</template>
<script>
import mySkillItem from './mySkill-item.vue';
import moduleOpen from './moduleOpen.vue';

import getUserSkill from 'netWork/getUserSkill'
export default {
  components: { mySkillItem ,moduleOpen},
    name:"mySkill",
    data(){
        return{
            skill:{}
        }
    },
    created() {
        getUserSkill().then(res=>{
            this.skill = res.data;
        })
    },
};
</script>
<style scoped>
.content{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-content: center;
}
</style>